<!-- Comp -->
<div o-hover="hover" class="io-comp {{className}} {{value ? 'checked' : ''}}" style="border: 1px solid #f30; {{style}}">
    <h5>组件例子</h5>
    <div class="wrap" on-click="toggle('value')">
        {{#if value}}
        <i class="icon material-icons">{{{'&#xE834;'}}}</i>
        {{else}}
        <i class="icon material-icons">{{{'&#xE835;'}}}</i>
        {{/if}}
        
    </div>
    <slot name="child" />
    <!-- 接受外部内容 -->
    <slot name="children" />
</div>
